<template>
  <div class="my-button">
    {{text}}
  </div>
</template>
<script lang="ts" setup>
const props=defineProps({
  text:String
})
//const emit=defineEmits(['click'])
//const clickFunc=emit('click')
// export default {
//   emits
// }

</script>
<style lang="scss" scoped>
.my-button{
  width: 454px;
  height: 193px;
  background-size: cover;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 50px;
  line-height: 193px;
//  border: 1px sandybrown solid;
  background: url("../assets/my-button.png");
}
</style>